// 图片选择按钮与文件输入绑定
$(document).ready(() => {
    // 接收 calories.html 传递的预填充数据（保留原有逻辑）
    const prefill = JSON.parse(sessionStorage.getItem('postPrefill'));
    if (prefill) {
        $('#foodInput').val(prefill.food);
        $('#caloriesInput').val(prefill.calories);
        $('#detailsInput').val(prefill.details);
        sessionStorage.removeItem('postPrefill');
    }

    // 点击按钮触发文件选择
    $('#selectImageBtn').click(() => {
        $('#imageInput').click();
    });

    // 处理文件选择事件
    $('#imageInput').change(function(e) {
        const file = e.target.files[0];
        if (file && file.type.startsWith('image/')) {
            // 读取并预览图片
            const reader = new FileReader();
            reader.onload = function(e) {
                $('#previewImage').attr('src', e.target.result).show();
                $('#noImageTip').hide();
            };
            reader.readAsDataURL(file);
        } else {
            // 非图片文件或未选择
            $('#previewImage').hide();
            $('#noImageTip').show();
        }
    });
});

// 保存记录到 localStorage（保留原有逻辑）
$('#recordForm').submit((e) => {
    e.preventDefault();
    const food = $('#foodInput').val();
    const calories = Number($('#caloriesInput').val());
    const details = $('#detailsInput').val();
    const date = new Date().toLocaleString('en-US');

    // 可选：将图片路径保存到记录（需结合后端存储，此处仅示例）
    const imagePath = $('#previewImage').attr('src'); // 若需保存，此处为Base64或相对路径
    const newRecord = { food, calories, details, date, image: imagePath };

    const dailyRecords = JSON.parse(localStorage.getItem('dailyRecords')) || [];
    dailyRecords.push(newRecord);
    localStorage.setItem('dailyRecords', JSON.stringify(dailyRecords));

    alert('Record saved successfully!');
    $('#recordForm')[0].reset(); 
    $('#previewImage').hide(); // 清空表单时隐藏图片
    $('#noImageTip').show();
    $('#imageInput').val(''); // 清空文件输入
});